@media all and (max-width:770px) {
	header ul {
		display: none;
	}
	
	header .yt {
		width: 100%;
		position: static;
		height: 100%;
	}
	.banner span{
		display: block;
		width: 100%;
		max-width: 1021px;
		position: relative;
		top: 0;
		left: 37%;
		transform: translateX(-50%);
		padding-left: 130px;
	}
	.yt img {
		width: 225px;
		height: 42px;
	}
	nav ul {
		justify-content: flex-start;
		margin-left: 20px;
	}
	nav ul li {
		display: none;
	}
	nav ul li a{
		text-decoration: none;
	}
	nav ul li:nth-child(1) {
		display: block;
	}
	nav ul li:nth-child(2) {
		display: block;
	}
	nav ul li:nth-child(3) {
		display: block;
	}
	/* nav ul li:nth-child(4) {
		display: block;
	} */
	.searchs{
		width: 100%;
		display: block;
		background-color: #CCCCCC;
		margin-bottom: 15px;
	}
	.searchs ul{
		display: flex;
		justify-content: center;
	}
	.searchs ul li{
		padding: 5px;
	}
	main{
		padding: 0 15px;
	}
	main .c1{
		display: none;
	}
	main .c2{
		width: 100%;
	}
	main .c2 li{
		width: 48%;
	}
	.c2 p{
		padding-right: 25px;
	}
	.c4{
		display: none;
	}
	footer{
		background-color: #007D6B;
		color: #FFFFFF;
	}
}
